<!doctype html>

<html>
  	<head>
    		<meta charset=utf-8>
		<title>CSS Reference</title>
		<link rel=stylesheet type=text/css href=default.css>
	</head>
	
<body>
	
<div id="header">CSS Reference Guide</div>
	
<div id="navigation">  <ul>
    <li><a href="background.html">background</a></li>
    <li><a href="border.html">border</a></li>
    <li><a href="clear.html">clear</a></li>
    <li><a href="color.html">color</a></li>
    <li><a href="display.html">display</a></li>
    <li><a href="float.html">float</a></li>
    <li id="selected">font</li>
    <li><a href="height.html">height</a></li>
    <li><a href="letter-spacing.html">letter-spacing</a></li>
    <li><a href="line-height.html">line-height</a></li>
    <li><a href="list-style.html">list-style</a></li>
    <li><a href="margin.html">margin</a></li>
    <li><a href="overflow.html">overflow</a></li>
    <li><a href="padding.html">padding</a></li>
    <li><a href="text-align.html">text-align</a></li>
    <li><a href="text-decoration.html">text-decoration</a></li>
    <li><a href="text-indent.html">text-indent</a></li>
    <li><a href="text-transform.html">text-transform</a></li>
    <li><a href="vertical-align.html">vertical-align</a></li>
    <li><a href="width.html">width</a></li>
  </ul>

</div> <!-- for id=navigation -->

<div id="content">
<h1>CSS font Property</h1>
<h2>Definition and Usage</h2>
<p>The font shorthand property sets all the font properties in one declaration.</p>
<p>The properties that can be set, are (in order): "font-style font-variant font-weight font-size/line-height font-family"</p>
<p>The font-size and font-family values are required. If one of the other values are missing, the default values will be inserted, if any.</p>
<p>Note: The line-height property sets the space between lines.</p>

<h3>CSS Syntax</h3>
<div id="syntax">
font: <em>font-style font-variant font-weight font-size/line-height font-family</em>|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;
</div>
<h3>Possible Values</h3>
<div class="values">
<ul>
<li><em>font-style</em> - Specifies the font style. Default value is "normal". See font-style for possible values</li>
<li><em>font-variant</em> - 	Specifies the font variant. Default value is "normal". See font-variant for possible values
</li>
<li><em>font-weight</em>	- Specifies the font weight. Default value is "normal". See font-weight for possible values
</li>
<li><em>font-size/line-height</em> - Specifies the font size and the line-height. Default value is "normal". See font-size and line-height for possible values
</li>
<li><em>font-family</em> - Specifies the font family. Default value depends on the browser. See font-family for possible values
</li>
<li>caption - Uses the font that are used by captioned controls (like buttons, drop-downs, etc.)</li>
<li>icon	 - Uses the font that are used by icon labels</li>
<li>menu - Uses the fonts that are used by dropdown menus</li>
<li>message-box	 - Uses the fonts that are used by dialog boxes</li>
<li>small-caption - A smaller version of the caption font
</li>
<li>status-bar - Uses the fonts that are used by the status bar
</li>
<li>initial - Sets this property to its default value.</li>
<li>inherit - Inherits this property from its parent element.</li>
</ul>
</div>
</div>
	
<div id="footer">&copy; HTML Class of 2015</div>
  
</body>	

</html>